:root {
  /* Base colors */
  --mp-color-base-white: #ffffff;
  --mp-color-base-black: #121212;

  /* Base colors fot light theme */
  --mp-color-light-base-1: rgba(0, 0, 0, 0.85);
  --mp-color-light-base-2: rgba(0, 0, 0, 0.6);
  --mp-color-light-base-3: rgba(0, 0, 0, 0.3);
  --mp-color-light-base-4: rgba(0, 0, 0, 0.1);
  --mp-color-light-base-5: rgba(0, 0, 0, 0.05);
  --mp-color-light-base-6: rgba(0, 0, 0, 0.02);

  /* Base colors fot dark theme */
  --mp-color-dark-base-1: rgba(255, 255, 255, 0.85);
  --mp-color-dark-base-2: rgba(255, 255, 255, 0.6);
  --mp-color-dark-base-3: rgba(255, 255, 255, 0.3);
  --mp-color-dark-base-4: rgba(255, 255, 255, 0.1);
  --mp-color-dark-base-5: rgba(255, 255, 255, 0.05);
  --mp-color-dark-base-6: rgba(255, 255, 255, 0.02);

  /* SEMANTIC COLORS */
  /* Info */
  --mp-color-semantic-info-light: #0057bf;
  --mp-color-semantic-info-dark: #8ab2e2;
  /* Success */
  --mp-color-semantic-success-light: #2a7d00;
  --mp-color-semantic-success-dark: #9dc38a;
  /* Warning */
  --mp-color-semantic-warning-light: #f26100;
  --mp-color-semantic-warning-dark: #f9b68a;
  /* Danger */
  --mp-color-semantic-danger-light: #cc1000;
  --mp-color-semantic-danger-dark: #e8918a;
  /* Epic*/
  --mp-color-semantic-epic-light: #7e47eb;
  --mp-color-semantic-epic-dark: #c4aaf6;

  /* PRODUCTS */
  /* MasterSCADA (Monitor) Primary */
  --mp-color-products-scada-light: #006398;
  --mp-color-products-scada-dark: #8ab7d0;
  /* MasterCAD */
  --mp-color-products-cad-light: #3d8fa6;
  --mp-color-products-cad-dark: #a6cbd6;
  /* MasterBMS */
  --mp-color-products-bms-light: #6fa873;
  --mp-color-products-bms-dark: #bdd7bf;
  /* Master Digital Twin */
  --mp-color-products-twin-light: #1d379f;
  --mp-color-products-twin-dark: #97a3d3;
}
